<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body{
				background-color: skyblue;
				
			}
			.loginInput{
				width: 426px;
				height: 55px;
				border-radius: 5px;
				border: 1px solid darkgray;
				margin-bottom:20px;/*底部外边距*/
				padding-left: 30px;/*左内边距*/
				background-color:transparent;/*文本框背景透明，否则会盖住前面图标*/
				margin-left: -25px;/*左外边距*/
			}
			.loginBtn{
			width: 456px;
			height: 50px;
			background-color: aquamarine;
			color: white;/*按钮上的字体颜色*/
			font-size: 20px;
			border-radius: 5px;
			border: none;/*无边框*/
			margin-bottom:20px;/*底部外边距*/
			}
			.loginDiv{
				width: 550px;
				height: 530px;
				background-color: white;
				margin:0 auto;/*居中*/
				margin-top:80px;/*  顶部边距*/
				padding-top:50px;
				text-align: center;/*让div里的东西居中*/
			}
			.logpic{
				margin-left: 30px;
				margin-bottom:20px;
			}
		</style>
	</head>
	<body>
		<div class="loginDiv">
			<div style="text-align: center;">
				<img src="img/tyustlogo.png" width="350px"/>
			</div>
			<h2>毕业设计管理系统</h2>
			<img src="img/user.png" alt=""><input class="loginInput"  type="text" placeholder="请输入账号">
			<br>
			<img src="img/password.png" alt=""><input class="loginInput" type="password"  placeholder="请输入密码">
		    <br>
			<input type="submit" class="loginBtn" value="登录">
			<div>
				<img src="img/qq.png" class="logpic" >
				<img src="img/weibo.png"  class="logpic">
				<img src="img/weixin.png"  class="logpic">
				
			</div>
			<div style="font-size: 14px;line-height: 30px;" >
				技术支持：太原科技大学 宋书记 <br>
				技术开发：太原工业学院 王主任
			</div>
		</div>
	</body>
</html>